<template>
   <div class="wrapper" ref="wrapper">
      <div class="content">
        <slot></slot>
      </div>
   </div>
</template>

<script>
  import BScroll from 'better-scroll'
  export default {
    name: "Scroll",
    props:{
      prototype1: {
        type:Number,
        default:0
      },
      pullUpLoad: {
        type:Boolean,
        default:
          false,
      }
    },
    data(){
      return{
        scroll:null
      }
    },
    mounted() {
      //创建BSscroll对象
      this.scroll=new BScroll(this.$refs.wrapper,{
        click:true,
        probeType:this.prototype1,
        pullUpLoad:this.pullUpLoad
      })
      //监听滚动的位置
        this.scroll.on('scroll',(postio)=>{
            this.$emit('scroll',postio)
        })
      //监听上拉事件
      this.scroll.on('pullingUp',()=>{
         this.$emit("pullingUp")
      })
    },
    methods:{
      scrollTo(x,y,time=300){
        this.scroll.scrollTo(x,y,time);
      },
      refresh(){
        console.log("--更新--")
        this.scroll&&this.scroll.refresh()
      },
      getScrollY(){
        return this.scroll?this.scroll.y:0
      }
    }
  }
</script>

<style scoped>

</style>
